<template>
  <CloudRadioGroup v-model="value" @change="onChange">
    <CloudRadio :style="radioStyle" :value="1"> Option A </CloudRadio>
    <CloudRadio :style="radioStyle" :value="2"> Option B </CloudRadio>
    <CloudRadio :style="radioStyle" :value="3"> Option C </CloudRadio>
  </CloudRadioGroup>
</template>

<script>
  export default {
    title: '3.RadioGroup 垂直',
    subTitle: '垂直的 RadioGroup，配合更多输入框选项。',
    data () {
      return {
        value: 1,
        radioStyle: {
          display: 'block',
          height: '30px',
          lineHeight: '30px',
        },
      }
    },
    methods: {
      onChange (value) {
        console.log(`checked = ${value}`);
      },
    }
  }
</script>

<style lang="scss">
</style>